<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h2{
            font-family: 'Microsoft YaHei UI';
        }
        p{
            font-family: "Microsoft YaHei UI";
        }
        .bold{
            /*font-weight: bold;*/
            /*这两句代码等价，注意数字后面没有单位*/
            font-weight: 700;
        }
        .weight-normal{
            /*font-weight: normal;*/
            /*这两句代码等价*/
            font-weight: 400;
        }
        .italic{
            font-style: italic;
        }
        .style-normal{
            font-style: normal;
        }
        .italic-bold-10px-yahei{
            /*复合属性*/
            font:italic 700 10px "Microsoft YaHei UI";
        }
    </style>
</head>
<body>
    <h2 class="weight-normal">pink的秘密</h2>
    <p class="italic">那一抹众人中最漂亮的颜色。</p>
    <p class="italic-bold-10px-yahei">优雅、淡然，又那么心中清澈。</p>
    <p>前端总是伴随着困难和犯错。</p>
    <p>静心，坦然，攻克一个又一个。</p>
    <p class="bold">拼死也要克服它。</p>
    <p>这是pink的秘密也是老师最终的嘱托。</p>
</body>
</html>